<template>
  <van-overlay :show="show" z-index="10">
    <div class="h-full w-full flex items-center justify-center">
      <div class="w-90% flex flex-col items-center rounded-3 bg-#fff p-x-8 p-y-10">
        <img src="https://jwc-static.jdwxk.com/imgs/user/fail.png" class="w-40" alt="">
        <p class="m-t-1 text-4.5 text-#333 font-500">
          {{ data.title }}
        </p>
        <p class="p-b-4 p-t-3 text-3 text-#999">
          {{ data.content }}
        </p>
        <Btn class="w-40" @click="show = !show">
          好的
        </Btn>
      </div>
    </div>
  </van-overlay>
</template>

<script lang='ts' setup>
import Btn from '@/components/Btn.vue'

interface Props {
  data: {
    title: string
    content: string
  }
}

withDefaults(defineProps<Props>(), {
  data: () => ({ title: '', content: '' }),
})

const show = defineModel('show', {
  default: false,
})
</script>

<style lang='less' scoped>

</style>
